iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 2
0
Modern Web

30天入門JavaScript系列 第 2

【Day 2】變數和資料型別

  • 分享至 

  • xImage
  •  

變數

變數就是變數名稱跟值的組合,可以想像變數是一個箱子,
名稱是箱子外寫的字,值是裡面裝的內容。

宣告一個變數的方式:var 變數名 = 值;


//可以成立的變數宣告
var hi  = 'Hi';   //成功的宣告變數
var HI  = 'HI';   //變數名有分大小寫 大小寫不同就是不同的變數  
var hi2  ='Hi~~'; //可以用數字 
var 你好 ='Hi';  // 用中文當變數名是可行的 前提是你不想活了
var _$$ ='Hi';  // _跟$等符號也可以

//不能成立的變數宣告

var 1a = 'hi'   //變數名不能用數字開頭
var true='hi'   //不能用內建的關鍵字當變數名
var a-4 ='hi'   //不能有. - []等符號

宣告完後就可以使用了

var hi = 'Hello';           //宣告一個叫hi的變數 內容為Hello

console.log(hi);           //Hello

hi = '早安你好 認同請分享';  //宣告後可以改變值
console.log(hi);          //早安你好 認同請分享(蓮花圖.jpg)

ES6有新增新的宣告方式let 變數名 = 值;

var hi = 'Hello';
console.log(hi);   //Hello 

let hiJP = 'こんにちは';
console.log(hiJP); //こんにちは

var跟let看起來很像,但使用var有個問題(未來會談),
往後的實作範例宣告變數都會用let為主。

JavaScript的資料型別

有原始型別的

  • undefined
  • null
  • 布林(boolean)
  • 數字(number)
  • 字串(string)
  • bymbol ->ES6新增的類型
  • BigInt ->比symbol還新

跟複合型別的

  • 物件(Object)

symbol跟SigInt是後來新增的類型,手邊資料都沒有這兩個的使用時機,
這次參賽文不會討論,等以後這兩種更多人用時再研究(

原始型別跟複合型別的差異會在未來的參賽文提到,
這邊先簡單介紹原始型別

undefined

只有一個值叫undefined
代表還沒有值

null

只有一個值叫null
代表沒有值

所以這兩個差在哪呢?差在刻意跟非刻意

undefined是還沒有值的資料,像是想用console.log()印一個未宣告的變數,
或宣告後未賦值的變數,結果就是undefined

null是刻意的結果,像是使用者在表單非必填選項空白時,
會刻意用null表示沒有資料

當然刻意把undefined 給已經有值的變數的操作還是有可能的 但可能會被打

console.log(a); //undefined

var a = null;
console.log(a); //null

a = undefined; //這是禁止事項!!!
console.log(a); //undefined

布林 boolean

只有兩種值:truefalse

數字 number

就是數字
例如:5566 9527 -87

字串 string

一連串的字元
例如: "鐵人賽第二天" "12345" '$#%#$%#^$^'

typeof可以驗證資料的型別

console.log(typeof undefined);  //undefined
console.log(typeof 'a');       //string
console.log(typeof true);      //boolean
console.log(typeof 1);         //number
console.log(typeof null);      //object   < typeof 對null有bug 結果會是object

今天先把資料型別做個大略簡介,明天是數字型別的相關介紹~


上一篇
【Day 1】前言&如何在網頁中執行JS
下一篇
【Day 3】值的運算(加減乘除)跟比較(==、===)
系列文
30天入門JavaScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言